body{ padding: 0px; margin: 0px;  font-family: 'MHeiPRC-Medium'; }
#tzbody{ position: fixed; width:100%; height:100%; left: 0px; top:0px; background-color: #0A0809; }
#tzbody div.h2{font-family: 'CJNgaiPRC-Bold'; font-size: 24pt; text-align: center; margin: 8% auto; margin-bottom: 3%; }
#tcir{ width:544px; height: 544px; margin: 50px auto; position: relative; }
#tcir div{ background-size: 100% 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; }

@keyframes sc1 { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } 
@-webkit-keyframes sc1{ 0% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); } }
@keyframes sc2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 
@-webkit-keyframes sc2{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
	
#tcir .tc_bg{ -webkit-animation:sc1 5s linear infinite; animation:sc1 5s linear infinite; }
#tcir .tc_p1{  -webkit-animation:sc2 8s linear infinite; animation:sc2 8s linear infinite; }
#tcir .tc_p2{ -webkit-animation:sc1 5s linear infinite; animation:sc1 5s linear infinite; }
#tcir .tc_p3{ -webkit-animation:sc2 6s linear infinite; animation:sc2 6s linear infinite; }
#tcir .tc_p4{ }


#tzbody div.h3{ font-family: 'CJNgaiPRC-Bold'; text-align: center; font-size: 20pt; position: absolute; width: 100%; margin-top: -50px; }
#tzbody p{ color: #fff; text-align: center; font-size: 10pt; line-height: 15pt; font-weight: 100; }
#tzbody .btbox{ text-align: center; padding-top:20px; }
#tzbody .btbox a{ display: inline-block; width: 244px; height: 66px; line-height: 66px; background-position: center; background-size: 100% 100%;  text-align: center; font-size: 20pt; color: #fff; letter-spacing: 5px; text-decoration: none; }

.green_ div.h2 , .green_ div.h3{ color: #236C95; }
.green_ .tc_bg{ background-image:url('../image/tiaozhan/c_bg.png'); }
.green_ .tc_p1{ background-image:url('../image/tiaozhan/c_p1.png'); }
.green_ .tc_p2{ background-image:url('../image/tiaozhan/c_p2.png'); }
.green_ .tc_p3{ background-image:url('../image/tiaozhan/c_p3.png'); }
.green_ .tc_p4{ background-image:url('../image/tiaozhan/c_p4.png'); }
.green_ .btbox a{ background-image: url('../image/tiaozhan/btn_green.png'); }


.red_ div.h2 , .red_ div.h3{ color: #C13734; }
.red_ .tc_bg{ background-image:url('../image/tiaozhan/c_bg.png'); }
.red_ .tc_p1{ background-image:url('../image/tiaozhan/rc_p1.png'); }
.red_ .tc_p2{ background-image:url('../image/tiaozhan/rc_p2.png'); }
.red_ .tc_p3{ background-image:url('../image/tiaozhan/rc_p3.png'); }
.red_ .tc_p4{ background-image:url('../image/tiaozhan/c_p4.png'); }
.red_ .btbox a{ background-image: url('../image/tiaozhan/btn_red.png'); }